{include "Common/header"}
<script type="text/javascript" src="__CONTENT__/js/WdatePicker.js"></script>
<div id="bodywrap">
<h2 class="mb20 etc">预约</h2>
<div id="contact_wrap" class="clearfix">
<p><strong>预约申请</strong></p>
<div class="wpcf7" id="wpcf7-f75-p76-o1">
<div class="screen-reader-response"></div>
<form>
<div class="formparts"><label>姓名<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-name"><input type="text" name="name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span></div>
<div class="formparts"><label>电话<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-email"><input type="text" name="phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span></div>
<div class="formparts"><label>做头发日期<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-email"><input onClick="WdatePicker()" type="text" name="do_date" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span></div>
<div class="formparts"><label>发型师<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-salon">
<select name="hair_stylist_id">
{foreach $hair_stylist_list as $v}
<option value="{$v['id']}">{$v['name']}</option>
{/foreach}
</select>
</span></div>
<div class="formparts"><label>项目<span class="hissu">＊</span></label><span class="wpcf7-form-control-wrap your-message">
<select name="project_id">
{foreach $project_list as $v}
<option value="{$v['id']}">{$v['name']}</option>
{/foreach}
</select>
</span></div>
<div class="formparts"><label>&nbsp;</label><span class="hissu">＊</span>为必填项</div>
<p class="submit-button"><input type="submit" value="提交预约" class="wpcf7-form-control wpcf7-submit"></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>
</div>
<p><!--/#sitemap_wrap--></p>
</div>
<script>
$(function(){
	$(":submit").click(function(){
		$.post("{:U('appointment')}",$("form").serialize(),function(rs){
			if(rs.status==1){
				alert('预约成功');
			}else{
				alert(rs.error);
			}
		},'json');
		return false;
	});
});
</script>
{include "Common/footer"}